import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:yi_shop/utils/colors.dart';
import 'package:yi_shop/utils/styles.dart';

class SearchBrandController extends GetxController {}

class SearchBrandView extends GetView<SearchBrandController> {
  const SearchBrandView({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      children: [
        Container(
          color: Colors.white,
          padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 10),
          margin: const EdgeInsets.only(top: 15),
          child: Row(
            children: [
              ClipRRect(
                borderRadius: BorderRadius.circular(5.r),
                child: CachedNetworkImage(
                  imageUrl:
                  'https://img.alicdn.com/imgextra/i3/96812084/O1CN01sj3nWo1RGWMMlhaoN_!!0-saturn_solar.jpg_360x360xzq75.jpg',
                  width: 60,
                  height: 60,
                  fit: BoxFit.fill,
                ),
              ),
              Expanded(child: Container(
                padding: const EdgeInsets.only(left: 20),
                alignment: Alignment.centerLeft,
                child: Text('Redmi', style: StylesUtils.customTextStyle(
                  color: ColorsUtils.color0000,
                  fontSize: StylesUtils.fontSize16
                ),),
              ))
            ],
          ),
        ),
        Container(
          color: Colors.white,
          padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 10),
          margin: const EdgeInsets.only(top: 15),
          child: Row(
            children: [
              ClipRRect(
                borderRadius: BorderRadius.circular(5.r),
                child: CachedNetworkImage(
                  imageUrl:
                  'https://img.alicdn.com/imgextra/i3/96812084/O1CN01sj3nWo1RGWMMlhaoN_!!0-saturn_solar.jpg_360x360xzq75.jpg',
                  width: 60,
                  height: 60,
                  fit: BoxFit.fill,
                ),
              ),
              Expanded(child: Container(
                padding: const EdgeInsets.only(left: 20),
                alignment: Alignment.centerLeft,
                child: Text('小米', style: StylesUtils.customTextStyle(
                    color: ColorsUtils.color0000,
                    fontSize: StylesUtils.fontSize16
                ),),
              ))
            ],
          ),
        ),
        Container(
          color: Colors.white,
          padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 10),
          margin: const EdgeInsets.only(top: 15),
          child: Row(
            children: [
              ClipRRect(
                borderRadius: BorderRadius.circular(5.r),
                child: CachedNetworkImage(
                  imageUrl:
                  'https://img.alicdn.com/imgextra/i3/96812084/O1CN01sj3nWo1RGWMMlhaoN_!!0-saturn_solar.jpg_360x360xzq75.jpg',
                  width: 60,
                  height: 60,
                  fit: BoxFit.fill,
                ),
              ),
              Expanded(child: Container(
                padding: const EdgeInsets.only(left: 20),
                alignment: Alignment.centerLeft,
                child: Text('华为', style: StylesUtils.customTextStyle(
                    color: ColorsUtils.color0000,
                    fontSize: StylesUtils.fontSize16
                ),),
              ))
            ],
          ),
        ),
        Container(
          color: Colors.white,
          padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 10),
          margin: const EdgeInsets.only(top: 15),
          child: Row(
            children: [
              ClipRRect(
                borderRadius: BorderRadius.circular(5.r),
                child: CachedNetworkImage(
                  imageUrl:
                  'https://img.alicdn.com/imgextra/i3/96812084/O1CN01sj3nWo1RGWMMlhaoN_!!0-saturn_solar.jpg_360x360xzq75.jpg',
                  width: 60,
                  height: 60,
                  fit: BoxFit.fill,
                ),
              ),
              Expanded(child: Container(
                padding: const EdgeInsets.only(left: 20),
                alignment: Alignment.centerLeft,
                child: Text('荣耀', style: StylesUtils.customTextStyle(
                    color: ColorsUtils.color0000,
                    fontSize: StylesUtils.fontSize16
                ),),
              ))
            ],
          ),
        ),
        Container(
          color: Colors.white,
          padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 10),
          margin: const EdgeInsets.only(top: 15),
          child: Row(
            children: [
              ClipRRect(
                borderRadius: BorderRadius.circular(5.r),
                child: CachedNetworkImage(
                  imageUrl:
                  'https://img.alicdn.com/imgextra/i3/96812084/O1CN01sj3nWo1RGWMMlhaoN_!!0-saturn_solar.jpg_360x360xzq75.jpg',
                  width: 60,
                  height: 60,
                  fit: BoxFit.fill,
                ),
              ),
              Expanded(child: Container(
                padding: const EdgeInsets.only(left: 20),
                alignment: Alignment.centerLeft,
                child: Text('Apple', style: StylesUtils.customTextStyle(
                    color: ColorsUtils.color0000,
                    fontSize: StylesUtils.fontSize16
                ),),
              ))
            ],
          ),
        ),
        Container(
          color: Colors.white,
          padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 10),
          margin: const EdgeInsets.only(top: 15),
          child: Row(
            children: [
              ClipRRect(
                borderRadius: BorderRadius.circular(5.r),
                child: CachedNetworkImage(
                  imageUrl:
                  'https://img.alicdn.com/imgextra/i3/96812084/O1CN01sj3nWo1RGWMMlhaoN_!!0-saturn_solar.jpg_360x360xzq75.jpg',
                  width: 60,
                  height: 60,
                  fit: BoxFit.fill,
                ),
              ),
              Expanded(child: Container(
                padding: const EdgeInsets.only(left: 20),
                alignment: Alignment.centerLeft,
                child: Text('OPPO', style: StylesUtils.customTextStyle(
                    color: ColorsUtils.color0000,
                    fontSize: StylesUtils.fontSize16
                ),),
              ))
            ],
          ),
        ),
      ],
    );
  }

}